@extends("common.layout")

@section('title', '接口文档')

@section('head')
    @parent
    <style>
        .nav{
            width: 100%;
        }
        .api-info{
            box-shadow: 0 0 10px #94d5f1;
            border-radius: 5px;
        }
        .layui-tab-item{
            height: 100%;
        }
    </style>
@endsection

@section('body')
    <body class="pear-container">
    <div class="layui-row layui-col-space10">
        <div class="layui-col-md12" style="display: none">
            <div class="layui-card">
                <div class="layui-card-body">
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">全局变量</label>
                            <div class="layui-input-inline">
                                <input type="text" placeholder="" class="layui-input">
                            </div>
                            <div class="layui-form-mid">-</div>
                            <div class="layui-input-inline">
                                <input type="text" placeholder="" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="dict-type-query">
                                <i class="layui-icon layui-icon-search"></i>
                                保存
                            </button>
                            <button type="reset" class="pear-btn pear-btn-md">
                                <i class="layui-icon layui-icon-refresh"></i>
                                重置
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="layui-col-md2">
            <div class="layui-card">
                <div class="layui-card-body">
                    <ul class="layui-nav layui-nav-tree layui-bg-cyan" lay-filter="apidesc">
                        @foreach($list as $apiGroup)
                        <li class="layui-nav-item">
                            <a href="javascript:;">{{$apiGroup->name}}</a>
                            <dl class="layui-nav-child">
                                @foreach($apiGroup->apidescs as $apiDesc)
                                <dd><a href="javascript:;" lay-id="{{$apiDesc->id}}">{{$apiDesc->title}}</a></dd>
                                @endforeach
                            </dl>
                        </li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>

        <div class="layui-col-md10">

            <div class="layui-tab" lay-allowClose="true" lay-filter="infoTab">
                <ul class="layui-tab-title" style="background-color: white">

                </ul>
                <div class="layui-tab-content" style="height: 700px;padding: 0">

                </div>
            </div>
        </div>
    </div>

    </body>
    @parent
@endsection
